<!DOCTYPE html>
<html lang="ru-RU">
   <head>
        <meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="style.css" />
		<title>OPEN SYSTEM - Разработка систем контроля технологического оборудования</title>
		<script type="text/javascript" src="jquery-1.4.2.js"></script>
        <script type="text/javascript" src="coin-slider.min.js"></script>
		<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />
 </head>
 
<body>
	 <div id="wrap">
	     <div id="header">
             <div id="header_top">
	             <div id="header_logo">
                     <a href ="index.html">				 
   				     <img src="img/header_logo.png" alt="OPEN SYSTEM - Разработка систем контроля технологического оборудования" />
					 </a>
                 </div><!--end header_logo-->
				  <div id="header_slider">
				      <ul>
					  <li>
					  <div id="coin-slider">
                         <a href="img01_url" target="_blank">
                         <img src="img/slider_1_1.png" alt="">
                         <span>
                         Description for img01
                         </span>
                         </a>
                         <a href="imgN_url">
                         <img src="img/slider_1_2.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
	                     <a href="imgN_url">
                         <img src="img/slider_1_3.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
				         <a href="imgN_url">
                         <img src="img/slider_1_4.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
				      </div><!--end coin-slider-->
					  </li>
					  
					  <li>
					  <div id="coin-slider2">
                         <a href="img01_url" target="_blank">
                         <img src="img/slider_2_1.png" alt="">
                         <span>
                         Description for img01
                         </span>
                         </a>
                         <a href="imgN_url">
                         <img src="img/slider_2_2.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
	                     <a href="imgN_url">
                         <img src="img/slider_2_3.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
				         <a href="imgN_url">
                         <img src="img/slider_2_4.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
				      </div><!--end coin-slider2-->
					  </li>
					  
					  <li>
					  <div id="coin-slider3">
                         <a href="img01_url" target="_blank">
                         <img src="img/slider_3_1.png" alt="">
                         <span>
                         Description for img01
                         </span>
                         </a>
                         <a href="imgN_url">
                         <img src="img/slider_3_2.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
	                     <a href="imgN_url">
                         <img src="img/slider_3_3.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
				         <a href="imgN_url">
                         <img src="img/slider_3_4.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
				      </div><!--end coin-slider3-->
					  </li>

					  <li>
                     <div id="coin-slider4">
                         <a href="img01_url" target="_blank">
                         <img src="img/slider_4_1.png" alt="">
                         <span>
                         Description for img01
                         </span>
                         </a>
                         <a href="imgN_url">
                         <img src="img/slider_4_2.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
	                     <a href="imgN_url">
                         <img src="img/slider_4_3.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
				         <a href="imgN_url">
                         <img src="img/slider_4_4.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
				      </div><!--end coin-slider4-->
					  </li>
                     	
					  <li>
					  <div id="coin-slider5">
                         <a href="img01_url" target="_blank">
                         <img src="img/slider_5_1.png" alt="">
                         <span>
                         Description for img01
                         </span>
                         </a>
                         <a href="imgN_url">
                         <img src="img/slider_5_2.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
	                     <a href="imgN_url">
                         <img src="img/slider_5_3.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
				         <a href="imgN_url">
                         <img src="img/slider_5_4.png" alt="">
                         <span>
                         Description for imgN
                         </span>
                         </a>
				      </div><!--end coin-slider5-->
					  </li>
					  
					  </ul>
					  
                      <!--
                      <iframe src="slider1.html" width="192" height="140" frameborder="0" scrolling="no"></iframe>
					  <iframe src="slider2.html" width="192" height="140" frameborder="0" scrolling="no"></iframe>
					  <iframe src="slider3.html" width="192" height="140" frameborder="0" scrolling="no"></iframe>
					  <iframe src="slider4.html" width="192" height="140" frameborder="0" scrolling="no"></iframe>
					  <iframe src="slider5.html" width="192" height="140" frameborder="0" scrolling="no"></iframe>
                      -->




					  
				 </div><!--end header_slider-->
				 
	         </div><!--end header_top-->
			 
			 
			 <div id="header_nav">
			        <ul id="nav_menu">
                       
					   <li>
                          <a href="diesel_diagnostic.html">
						     
                                 <img src="img/diesel_diagnostic_64.png" class="i1" alt="">
                                 <img src="img/diesel_diagnostic_64b.png" class="i2" alt="">
                             
							 <div class="text-box">
                                 <h2>
                                     Дизельная диагностика
                                 </h2>
					         </div><!--end text-box-->
                          </a>
                      </li>
					  
					  <li>
                          <a href="autodiagnostic.html">
						     
                                 <img src="img/autodiagnostic_64.png" class="i1" alt="">
                                 <img src="img/autodiagnostic_64b.png" class="i2" alt="">
                             
							 <div class="text-box">
                                 <h2>
                                     Оборудование для автодиагностики
                                 </h2>
					         </div><!--end text-box-->
                          </a>
                      </li>
					  
					  <li>
                          <a href="monitoring_systems.html">
						     
                                 <img src="img/monitoring_ctp_64.png" class="i1" alt="">
                                 <img src="img/monitoring_ctp_64b.png" class="i2" alt="">
                             
							 <div class="text-box">
                                 <h2>
                                     Системы мониторинга теплотехнических объектов
                                 </h2>
					         </div><!--end text-box-->
                          </a>
                      </li>
					  
					  <li>
                          <a href="educational_stands.html">
						     
                                 <img src="img/education_stand_64.png" class="i1" alt="">
                                 <img src="img/education_stand_64b.png" class="i2" alt="">
                             
							 <div class="text-box">
                                 <h2>
                                     Стенды для учебных заведений
                                 </h2>
					         </div><!--end text-box-->
                          </a>
                      </li>
					  
					  <li>
                          <a href="software.html">
						     
                                 <img src="img/software_64.png" class="i1" alt="">
                                 <img src="img/software_64b.png" class="i2" alt="">
                             
							 <div class="text-box">
                                 <h2>
                                     Программное обеспечение
                                 </h2>
					         </div><!--end text-box-->
                          </a>
                      </li>
					  
					  <li>
                          <a href="prices_catalogs.html">
						     
                                 <img src="img/pricecat_64.png" class="i1" alt="">
                                 <img src="img/pricecat_64b.png" class="i2" alt="">
                             
							 <div class="text-box">
                                 <h2>
                                     Прайс-листы и каталоги в PDF
                                 </h2>
					         </div><!--end text-box-->
                          </a>
                      </li>
					  
					  <li>
                          <a href="olympiads.html">
						     
                                 <img src="img/olympyade_64.png" class="i1" alt="">
                                 <img src="img/olympyade_64b.png" class="i2" alt="">
                             
							 <div class="text-box">
                                 <h2>
                                     Олимпиады
                                 </h2>
					         </div><!--end text-box-->
                          </a>
                      </li>
					  
					  <li>
                          <a href="http://opensys.com.ua/autobb">
						     
                                 <img src="img/forum_64.png" class="i1" alt="">
                                 <img src="img/forum_64b.png" class="i2" alt="">
                             
							 <div class="text-box">
                                 <h2>
                                     Форум
                                 </h2>
					         </div><!--end text-box-->
                          </a>
                      </li>
					  
					  <li>
                          <a href="contacts.html">
						     
                                 <img src="img/contacts_64.png" class="i1" alt="">
                                 <img src="img/contacts_64b.png" class="i2" alt="">
                             
							 <div class="text-box">
                                 <h2>
                                     Контактная информация
                                 </h2>
					         </div><!--end text-box-->
                          </a>
                      </li>
					  
					  <li>
                          <a href="feedback.html">
						     
                                 <img src="img/feedback_64.png" class="i1" alt="">
                                 <img src="img/feedback_64b.png" class="i2" alt="">
                             
							 <div class="text-box">
                                 <h2>
                                     Обратная связь
                                 </h2>
					         </div><!--end text-box-->
                          </a>
                      </li>
					 
					  
                  </ul>
			 </div><!--end header_nav-->
			 
	       </div><!--end header-->
		   
		   <div id="container">
		   
		       <a href="#"><div class="primer_ddm"><span>Дизельная диагностика</span><div class="diesel_diagnostic_menu"></div></div></a>
               <a href="#"><div class="primer_adm"><div class="autodiagnostic_menu"></div></div></a>
               <a href="#"><div class="primer_msm"><div class="monitoring_systems_menu"></div></div></a>
			   
		   </div><!--end container-->
		   
		   <div class="clear"></div>
		   
		   <div id="footer">
			     <div id="footer_top">
				     <div class="footer_block">
					     <h3>Наши партнеры</h3>
						 <div class="partners">
						 <a href="#"><img src="img/partner_dieselland-eu_.png" alt="Dieselland.eu"/></a>
					     <a href="#"><img src="img/partner_mopaz_.png" alt="Mopaz"/></a>
						 <a href="#"><img src="img/partner_antap_.png" alt="Antap"/></a>
					     <a href="#"><img src="img/partner_contract-garant_.png" alt="Kontrakt-garant"/></a>
					     <a href="#"><img src="img/partner_tehprylad_.png" alt="Tehprylad"/></a>
						 <a href="#"><img src="img/partner_dieselland-ru_.png" alt="Dieselland.ru"/></a>
						 </div><!--end partners-->
					 </div><!--end footer_block-->
				     
					 <div class="footer_block">
					     <h3>Найдите нас</h3>
						 <a href="#"><img src="img/youtube_icon_64.png" alt="Youtube"/></a>
					     <a href="#"><img src="img/google_plus_icon_64.png" alt="Google+"/></a>
						 <a href="#"><img src="img/facebook_icon_64.png" alt="Facebook"/></a>
						 <a href="#"><img src="img/vk_icon_64.png" alt="Vkontakte"/></a>
					 
					 </div><!--end footer_block-->
					 
					  <div class="footer_block">
					 
					      <h3>Ссылки</h3>
						  <ul>
					         <li><a href="#">Ссылка1</a></li>
							 <li><a href="#">Ссылка2</a></li>
							 <li><a href="#">Ссылка3</a></li>
							 <li><a href="#">Ссылка4</a></li>
							 <li><a href="#">Ссылка5</a></li>
							 <li><a href="#">Ссылка6</a></li>
							 
				  	      </ul>
						  
					  </div><!--end footer_block-->
				          <div class="clear"></div>
				 
				 </div><!--end footer_top-->
				 
				 
				 
				 <div id="footer_bottom">
				     <div id="footer_nav">
					     <ul>
                             <li><a href="#">Главная</a></li>
                             <li><a href="#">О нас</a></li>
                             <li><a href="#">Сервисы</a></li>
                             <li><a href="#">Прайсы</a></li>
                             <li><a href="#">Контакты</a></li>
                         </ul>
					 </div><!--end footer_nav--> 
					 <p>© Open System 2014</p>
					 <div class="clear"></div>
				 
				 </div><!--end footer_bottom-->
			   
			   </div><!--end footer-->
		   
	</div><!--end wrap-->
      
	  
</body>


<!--LIST OF OPTIONS-->
<!--
width: 565, // width of slider panel
height: 290, // height of slider panel
spw: 7, // squares per width
sph: 5, // squares per height
delay: 3000, // delay between images in ms
sDelay: 30, // delay beetwen squares in ms
opacity: 0.7, // opacity of title and navigation
titleSpeed: 500, // speed of title appereance in ms
effect: '', // random, swirl, rain, straight
navigation: true, // prev next and buttons
links : true, // show images as links 
hoverPause: true // pause on hover
-->
<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider({ height: 140, width: 192, navigation: false, opacity: 0, delay: 4000, effect: 'rain' });
		$('#coin-slider2').coinslider({ height: 140, width: 192, navigation: false, opacity: 0, delay: 4000, effect: 'rain' });
		$('#coin-slider3').coinslider({ height: 140, width: 192, navigation: false, opacity: 0, delay: 4000, effect: 'rain' });
		$('#coin-slider4').coinslider({ height: 140, width: 192, navigation: false, opacity: 0, delay: 4000, effect: 'rain' });
		$('#coin-slider5').coinslider({ height: 140, width: 192, navigation: false, opacity: 0, delay: 4000, effect: 'rain' });
	});
</script>


</html>
